<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <meta name="description" content="3 styles with inline editable feature"/>

    <title>&copy;云多科技</title>
    <link rel="stylesheet" href="../assets/style/notificationlist.css"/>
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/notificationlist/notificationlist.js"></script>
</head>
<body ontouchstart="">
<div class="page panel js_show">
    <div class="page__hd list_page_head">
        <h1 class="page__title">Notification List</h1>
        <p class="page__desc">通知列表</p>
    </div>
    <div id="notificationlist" class="page__bd list_page_body">
        <li class="weui-panel weui-panel_access list_item" th:each="notification, iterStat : ${result}">
            <div class="weui-panel__bd item_body">
                <a class="weui-media-box weui-media-box_appmsg item_box" href="javascript:void(0);">
                    <div class="color_block"></div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title" th:text="${notification.title}"></h4>
                        <p class="weui-media-box__desc" th:text="${notification.date}"></p>
                    </div>
                    <div class="weui-panel__ft">
                        <div class="weui-cell weui-cell_access weui-cell_link">
                            <div class="weui-cell__bd" th:onclick="'cancel('+${iterStat.index}+')'">
                                <span>cancle</span>
                            </div>
                            <span class="weui-cell__ft"></span>
                        </div>
                        <div class="weui-cell weui-cell_access weui-cell_link">
                            <div class="weui-cell__bd" th:onclick="'show_detail(\''+${notification.title}+'\',\''+${notification.context}+'\',\''+
                            ${notification.location}+'\',\''+${notification.fromWhom}+'\',\''+${notification.date}+'\',\''+${notification.weekday}+'\')'">
                                <span>Details</span>
                            </div>
                            <span class="weui-cell__ft"></span>
                        </div>
                    </div>
                    <div class="notification_picture_d">
                        <img th:id="'img_'+${iterStat.index}" class="notification_picture" src="./assets/img/finish_stamp2.png"/>
                    </div>
                </a>
            </div>
        </li>
    </div>
</div>
</body>
</html>